import { createApp } from 'vue'


import App from './App.vue'

// 02- 引入路由
import routes from './route'
import {createRouter, createWebHashHistory} from "vue-router"
// 03- 创建路由 实例
const  router = createRouter({
    // 路由的定义
    'routes': routes,
    // 工作模式
    'history': createWebHashHistory(),
})
const app = createApp(App)
// 路由的守卫
const session_id = true;
router.beforeEach( (to, from, next)=>{
    // 这里去做一些逻辑处理，
    console.log(to)
    if(!session_id && to.name =='login'){
        // 不准跳转
        // return false 
        
        // next 指定跳转到某个页面（路径）跳转到登陆页面
        next({
            // path: "/login",
            name: "login"
        })
    }else{
        // 允许跳转
        // return true

        //
        next()
    }
})
// 04-全局注册 （像我们注册组件一样）
app.use(router)


// 上滑无限滚动加载更多 组件
// 组件名- vue-loadmore-simple
// npm install vue-loadmore-simple -S
//相当于 npm install vue-loadmore-simple --save
import LoadMore from 'vue-loadmore-simple'
app.use(LoadMore)

// 06-01 图标资源的使用
// 01 下载图标文件
// fontawesome  http://www.fontawesome.com.cn/icons-ui/
// 阿里图标库：  https://www.iconfont.cn/
// 02 引入到项目来
import "./assets/font-aswesome/css/font-awesome.css"
import "./assets/iconfont/iconfont.css"

// 03 在页面上使用。



app.mount('#app')
